<template>
    <vue-particles :style="{height: particlesHeight + 'px'}"
                   color="#dedede"
                   :particleOpacity="0.7"
                   :particlesNumber="80"
                   shapeType="circle"
                   :particleSize="4"
                   linesColor="#dedede"
                   :linesWidth="1"
                   :lineLinked="true"
                   :lineOpacity="0.4"
                   :linesDistance="150"
                   :moveSpeed="3"
                   :hoverEffect="true"
                   hoverMode="grab"
                   :clickEffect="true"
                   clickMode="push"
    >
    </vue-particles>
</template>

<script>
export default {
    name: 'particles',
    props: {
        particlesHeight:{
            type: Number,
            default: 200
        }
    },
    data() {
        return {

        }
    },
    created() {

    }
}
</script>